<template>
    <div class="qilin-message">
        <el-row>
            <el-col :span="8">
                <img :src="
                    userInfo.image == 'moren' ? 
                    require('@/assets/images/yunyun3.jpg') : 
                    uploadImageUrl+userInfo.image " 
                    alt="图片资源已删除"
                >
            </el-col>
            <el-col :span="16">
                <div class="qilin-message-info">
                    <div class="qilin-message-info-item">
                        <el-icon class="el-icon-user-solid"></el-icon>
                        <span>{{userInfo.name}}</span>
                    </div>
                    <div class="qilin-message-info-item">
                        <el-icon class="el-icon-s-tools"></el-icon>
                        <span>{{userInfo.identify === "manager"? "管理员" : "普通员工"}}</span>
                    </div>
                </div>
            </el-col>
        </el-row>
    </div>
</template>
<script>
export default {
    inject:["uploadImageUrl"],
    data(){
        return {

        }
    },
    computed:{
        userInfo(){
            return this.$store.getters.userInfo;
        }
    }
}
</script>
<style lang="less" scoped>
.qilin-message{
    .EDGQilinWH();
    padding:0 10px 40px;
    >.el-row{
        height:100%;
        >.el-col-8{
            background-color:#fefefe;
            display:flex;
            align-items:center;
            justify-content:center;
            height:100%;
            >img{
                width:70px;
                height:70px;
                border-radius:50%;
            }
        }
        >.el-col-16{
            background-color:#ebebeb;
            display:flex;
            justify-content:flex-start;
            align-items:center;
            height:100%;
            >.qilin-message-info{
                >.qilin-message-info-item{
                    padding:10px;
                    margin:10px 0;
                    font-weight:bolder;
                    font-size:@size-text-large;
                    >span{
                        margin-left:6px;
                    }
                }
            }
        }
    }
}
</style>